<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
    <title>Computers</title>
    <link rel="stylesheet" href="css/fullpage.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="download/font_2357242_ed6uzo00g17/iconfont.css">
</head>

<body>
    <!-- 固定导航栏 -->
    <div class="header">
        <div class="nav">
            <div class="log">
                <img src="images/school.png" alt="" class="logo_nav">
            </div>
            <div class="navs">
                <ul>
                    <li><a href="https://www.blog-qh.com">相关资料</a></li>
                    <li><a href="https://www.blog-qh.com">报名入口</a></li>
                    <li><a href="login.html">社员登录</a></li>
                </ul>
            </div>
        </div>

    </div>
    <!-- 固定导航栏 -->
    <div id="fullpage">
        <!-- 第一页开始-->
        <div class="section section_img">
            <div class="onetitle">
                <p>FZ Computer Association</p>
                <p>抚州职业技术学院计算机协会</p>
                <p>我用代码改变世界</p>
                <a href="#" id="join">加入我们</a>
                <p class="last">2021秋季纳新/中国·抚州</p>
                <p>如果你也有一个极客梦，这里就是你的选择，让我们共同进步，一起成长！</p>
            </div>
            <!-- <img src="images/ball1.png" alt="" class="ball1">
            <img src="images/ball2.png" alt="" class="ball2">
            <img src="images/ship.png" alt="" class="ship"> -->
        </div>
        <!-- 第二页开始 -->
        <div class="section tow_bgc">
            <div class="structure">
                <div class="hd">
                    <h3>协会主要架构</h3>
                    <p>四大部门职能简介</p>
                </div>
                <div class="bd">
                    <ul>
                        <li>
                            <i class="iconfont">&#xe612;</i>
                            <div class="content">
                                <h2>软件部</h2>
                                <div class="text">主要教授网页客户端开发(html,css,JS..),后端node.js，mysql..，等实现前后端交互</div>
                            </div>
                        </li>
                        <li>
                            <i class="iconfont">&#xe70d;</i>
                            <div class="content">
                                <h2>硬件组</h2>
                                <div class="text">主要为了加强大学生的动手能力，学习硬件维修，系统重装等方面的知识，提高同学们的一个普遍计算机文化知识的了解。</div>
                            </div>
                        </li>
                        <li>
                            <i class="iconfont">&#xe635;</i>
                            <div class="content">
                                <h2>网安组</h2>
                                <div class="text">
                                    组织成员开展信息网络安全法律法规宣传，组织同学开展信息网络安全法律法规宣传、咨询活动、组织开展信息网络安全技术交流、研讨活动、信息网络安全等的事项。</div>
                            </div>
                        </li>
                        <li>
                            <i class="iconfont">&#xe600;</i>
                            <div class="content">
                                <h2>宣传组</h2>
                                <div class="text">
                                    负责实践活动方案的起草和落实工作，策划各种有创新、有特色、有实效的主题活动，负责活动氛围的营造，宣传报道工作，负责收集、整理学习实践活动工作信息，总结提炼好经验，及时宣传，负责重大活动的专题宣传。
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>

        </div>
        <!-- 第三页 -->
        <div class="section three">
            <div class="structure text_three">
                <div class="hd">
                    <h3>精彩瞬间回放</h3>
                    <p>协会有关照片欣赏</p>
                </div>
                <div class="bd">
                    <ul class="img_three">
                        <li>
                            <img src="images/1.jpg" alt="">
                            <p>社员听课</p>
                        </li>
                        <li>
                            <img src="images/2.jpg" alt="">
                            <p>打字比赛</p>
                        </li>
                        <li>
                            <img src="images/3.jpg" alt="">
                            <p>软件部部长授课-Java</p>
                        </li>
                        <li>
                            <img src="images/4.jpg" alt="">
                            <p>软件部第二讲-Java</p>
                        </li>
                        <li>
                            <img src="images/5.jpg" alt="">
                            <p>软件部第一讲-WEB前端</p>
                        </li>
                        <li>
                            <img src="images/6.jpg" alt="">
                            <p>社员听课</p>
                        </li>
                        <li>
                            <img src="images/9.jpg" alt="">
                            <p>第一讲课后合影</p>
                        </li>
                        <li>
                            <img src="images/8.jpg" alt="">
                            <p>协会副社授课-WEB前端</p>
                        </li>
                    </ul>
                </div>

            </div>
        </div>

        <!-- 第4页 -->
        <div class="section four">
            <div class="footer">
                <div class="More">
                    <h3>想要了解更多？</h3>
                    <p>快动动手指 <strong>E键关注</strong></p>
                </div>
                <div class="qq">
                    <h3>QQ</h3>
                    <img src="images/qq.jpg" alt="">
                    <p>纳新咨询群：923968482</p>
                </div>
                <div class="wx">
                    <h3>微信</h3>
                    <img src="images/wx.jpg" alt="">
                </div>
                <div class="gzh">
                    <h3>微信公众号</h3>
                    <img src="images/gzh.png" alt="">
                </div>
            </div>
            <div class="footer_bottom">
                <p>©2021 抚州职业技术学院计算机协会 All Rights Reserved</p>
            </div>
        </div>
    </div>
    <script src="js/jquery.min.js"></script>
    <script src="js/fullpage.js"></script>
    <script>
        $(function () {
            $('#fullpage').fullpage({
                'navigation': true,
                afterLoad: function () {
                    $(this).find('.text_box').fadeIn();
                },
                onLeave: function () {
                    $(this).find('.text_box').fadeOut();
                },
            });
                $("#join").click(function () {
			alert("联系QQ/微信：2312038309");
		})
           
        });
        
    </script>

</body>

</html>